<template>
 <div class="searchBox">
   <van-search @click="searchDataBtn" v-if="$attrs.curid===1||$attrs.curid===3" :shape="$attrs.curid===1?'round':'square'" v-model="searchValue" :placeholder="$attrs.placeholder" />
   <search-white @click="searchDataBtn" v-if="$attrs.curid===2||$attrs.curid===4" :curid="$attrs.curid" :placeholder="$attrs.placeholder"></search-white>
 </div>
</template>
<script>
import searchWhite from './searchWhite.vue'
export default {
    components:{
        searchWhite
    },
  props: ['searchData'],
  data() {
    return {
      searchValue:''
    };
  },
  mounted() {
   
  },
  watch: {
   
  },
  methods: {
    searchDataBtn(){
      console.log('btn');
      this.$emit('searchBtn',this.searchData);
    }
  },
};
</script>

<style lang="scss" scoped>

</style>